<!doctype html>
<html><html>
<head>
<meta charset="utf-8"> 
<title>京东</title>
<style>
*{
  margin:0px;
  padding:0px;
 }
.adcnt{
       width:986px;
	   margin:0 auto;
	  }
.ad_left,.ad_right{ 
	   float:left;
	  }
.ad_left{
         width:736px;
		}
ad_left img{
            width:100%;
			height:auto;
	   }
.ad_right{
          width:236px;
		  right:156px;
		  margin-left:14px;

		 }
.ad_right a{
            display:block;
            margin-top:7px;
		   }
.ad_right a:first-of-type{
			margin-top:0px;
		   }
.sidebar{
         width:236;
		 }
.side_title{
            height:40px;
			clear:both;
		   }
.side_title h3{
               display:inline;
			   margin-right:107px;
			   }
.side_list ul li a span{
			             color:#0O;
                         display:inline-blck;
					     background-color:#fb8284;
						 padding:4px;
						 margin-right:8px;
			            }
.side_list ul li{
                 margin-top:8px;
				}
.side_list ul li a{
                   font-size14px;
				  }
a{
  text-decoration:none;
  color:#666;
  }						
</style>
</head>
<body>
  <div class="adcnt">
    <div class="ad_left"><img src="1[0G$VU$MFW3@J`)6FJ3P)Y.png" alt=""></div>
	<div class="ad_right">
	<a herf="#"><img src="6.png=""></a>
	<a herf="#"><img src="6.png=""></a>
	<a herf="#"><img src="6.png=""></a>
	</div>
<div class="sidebar">
  <div class="side_title">
  <h3>京东快报</h3>
  <a href="#">更多</a><div>
  <div class="side_list">
 <ul>
    <li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
    <li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
	<li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
	<li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
	<li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
	<li><a href="#"><span>推荐</span>票友圈装优雅不叫真......</a></li>
		
 </ul>
</div>
</body>
</html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
</body>
</html>
